import React, { memo } from "react";
import { useRoutes } from "react-router-dom";
import NavBar from "./components/NavBar";
import Footer from "./components/Footer";
import routes from "./routers";
import { AuthContexProvider } from "./context/authContext";
import "./App.scss";
const App = memo(() => {
  return (
    <AuthContexProvider>
      <div className="app">
        <div className="container">
          <NavBar />
          {useRoutes(routes)}
          <Footer />
        </div>
      </div>
    </AuthContexProvider>
  );
});

export default App;
